<!DOCTYPE HTML PUBLIC "-//W3C//DTD XHTML 1.0 Transitional//EN" "http://www.w3.org/TR/xhtml1/DTD/xhtml1-transitional.dtd">
<html xmlns="http://www.w3.org/1999/xhtml"><head>


<title>Niceforms</title>
<meta http-equiv="Content-Type" content="text/html; charset=UTF-8">
<script language="javascript" type="text/javascript" src="niceforms_files/niceforms.js"></script>
<link rel="stylesheet" type="text/css" media="all" href="niceforms_files/niceforms-default.css">
</head><body><div id="container">
<form action="vars.php" method="post" class="niceform">
	<fieldset>
    	<legend>Personal Info</legend>
        <dl>
        	<dt><label for="email">Email Address:</label></dt>
            <dd><img class="NFTextLeft" src="niceforms_files/0.png"><div class="NFTextCenter"><input class="NFText" name="email" id="email" size="32" maxlength="128" type="text"></div><img class="NFTextRight" src="niceforms_files/0.png"></dd>
        </dl>
        <dl>
        	<dt><label for="password">Password:</label></dt>
            <dd><img class="NFTextLeft" src="niceforms_files/0.png"><div class="NFTextCenter"><input class="NFText" name="password" id="password" size="32" maxlength="32" type="password"></div><img class="NFTextRight" src="niceforms_files/0.png"></dd>
        </dl>
        <dl>
        	<dt><label for="gender">Gender:</label></dt>
            <dd>
            	<div style="width: 91px; left: 440px; top: 144px; z-index: 999;" class="NFSelect"><img class="NFSelectLeft" src="niceforms_files/0.png"><div class="NFSelectRight">Male</div><div style="display: none; width: 105px;" class="NFSelectTarget"><ul style="width: 72px;" class="NFSelectOptions"><li><a class="" href="javascript:;">Guy</a></li><li><a class="" href="javascript:;">Girl</a></li><li><a class="" href="javascript:;">Dude</a></li><li><a class="" href="javascript:;">Chic</a></li><li><a class="" href="javascript:;">Gentleman</a></li><li><a class="" href="javascript:;">Lady</a></li><li><a class="NFOptionActive" href="javascript:;">Male</a></li><li><a class="" href="javascript:;">Female</a></li><li><a class="" href="javascript:;">Don't Ask</a></li></ul></div></div><select class="NFhidden" size="1" name="gender" id="gender">
                    <option value="Guy">Guy</option>
                    <option value="Girl">Girl</option>
                    <option value="Dude">Dude</option>
                    <option value="Chic">Chic</option>
                    <option value="Gentleman">Gentleman</option>
                    <option value="Lady">Lady</option>
                    <option selected="selected" value="Male">Male</option>
                    <option value="Female">Female</option>
                    <option value="Don't Ask">Don't Ask</option>
            	</select>
            </dd>
        </dl>
        <dl>
        	<dt><label for="dobMonth">Date of Birth:</label></dt>
            <dd>
            	<div style="width: 54px; left: 440px; top: 179px; z-index: 998;" class="NFSelect"><img class="NFSelectLeft" src="niceforms_files/0.png"><div class="NFSelectRight">Aug</div><div style="display: none; width: 68px;" class="NFSelectTarget"><ul style="width: 35px;" class="NFSelectOptions"><li><a class="" href="javascript:;">Jan</a></li><li><a class="" href="javascript:;">Feb</a></li><li><a class="" href="javascript:;">Mar</a></li><li><a class="" href="javascript:;">Apr</a></li><li><a class="" href="javascript:;">May</a></li><li><a class="" href="javascript:;">Jun</a></li><li><a class="" href="javascript:;">Jul</a></li><li><a class="NFOptionActive" href="javascript:;">Aug</a></li><li><a class="" href="javascript:;">Sep</a></li><li><a class="" href="javascript:;">Oct</a></li><li><a class="" href="javascript:;">Nov</a></li><li><a class="" href="javascript:;">Dec</a></li></ul></div></div><select class="NFhidden" size="1" name="dobMonth" id="dobMonth">
                	<option value="Jan">Jan</option>
                    <option value="Feb">Feb</option>
                    <option value="Mar">Mar</option>
                    <option value="Apr">Apr</option>
                    <option value="May">May</option>
                    <option value="Jun">Jun</option>
                    <option value="Jul">Jul</option>
                    <option selected="selected" value="Aug">Aug</option>
                    <option value="Sep">Sep</option>
                    <option value="Oct">Oct</option>
                    <option value="Nov">Nov</option>
                    <option value="Dec">Dec</option>
                </select>
                <div style="width: 45px; left: 497px; top: 179px; z-index: 997;" class="NFSelect"><img class="NFSelectLeft" src="niceforms_files/0.png"><div class="NFSelectRight">06</div><div style="display: none; width: 59px;" class="NFSelectTarget"><ul style="width: 26px;" class="NFSelectOptions"><li><a class="" href="javascript:;">01</a></li><li><a class="" href="javascript:;">02</a></li><li><a class="" href="javascript:;">03</a></li><li><a class="" href="javascript:;">04</a></li><li><a class="" href="javascript:;">05</a></li><li><a class="NFOptionActive" href="javascript:;">06</a></li><li><a class="" href="javascript:;">07</a></li><li><a class="" href="javascript:;">08</a></li><li><a class="" href="javascript:;">09</a></li><li><a class="" href="javascript:;">10</a></li><li><a class="" href="javascript:;">11</a></li><li><a class="" href="javascript:;">12</a></li><li><a class="" href="javascript:;">13</a></li><li><a class="" href="javascript:;">14</a></li><li><a class="" href="javascript:;">15</a></li><li><a class="" href="javascript:;">16</a></li><li><a class="" href="javascript:;">17</a></li><li><a class="" href="javascript:;">18</a></li><li><a class="" href="javascript:;">19</a></li><li><a class="" href="javascript:;">20</a></li><li><a class="" href="javascript:;">21</a></li><li><a class="" href="javascript:;">22</a></li><li><a class="" href="javascript:;">23</a></li><li><a class="" href="javascript:;">24</a></li><li><a class="" href="javascript:;">25</a></li><li><a class="" href="javascript:;">26</a></li><li><a class="" href="javascript:;">27</a></li><li><a class="" href="javascript:;">28</a></li><li><a class="" href="javascript:;">29</a></li><li><a class="" href="javascript:;">30</a></li><li><a class="" href="javascript:;">31</a></li></ul></div></div><select class="NFhidden" size="1" name="dobDay" id="dobDay">
                	<option value="01">01</option>
                    <option value="02">02</option>
                    <option value="03">03</option>
                    <option value="04">04</option>
                    <option value="05">05</option>
                    <option selected="selected" value="06">06</option>
                    <option value="07">07</option>
                    <option value="08">08</option>
                    <option value="09">09</option>
                    <option value="10">10</option>
                    <option value="11">11</option>
                    <option value="12">12</option>
                    <option value="13">13</option>
                    <option value="14">14</option>
                    <option value="15">15</option>
                    <option value="16">16</option>
                    <option value="17">17</option>
                    <option value="18">18</option>
                    <option value="19">19</option>
                    <option value="20">20</option>
                    <option value="21">21</option>
                    <option value="22">22</option>
                    <option value="23">23</option>
                    <option value="24">24</option>
                    <option value="25">25</option>
                    <option value="26">26</option>
                    <option value="27">27</option>
                    <option value="28">28</option>
                    <option value="29">29</option>
                    <option value="30">30</option>
                    <option value="31">31</option>
                </select>
                <div style="width: 59px; left: 545px; top: 179px; z-index: 996;" class="NFSelect"><img class="NFSelectLeft" src="niceforms_files/0.png"><div class="NFSelectRight">1993</div><div style="display: none; width: 73px;" class="NFSelectTarget"><ul style="width: 40px;" class="NFSelectOptions"><li><a class="" href="javascript:;">2000</a></li><li><a class="" href="javascript:;">1999</a></li><li><a class="" href="javascript:;">1998</a></li><li><a class="" href="javascript:;">1997</a></li><li><a class="" href="javascript:;">1996</a></li><li><a class="" href="javascript:;">1995</a></li><li><a class="" href="javascript:;">1994</a></li><li><a class="NFOptionActive" href="javascript:;">1993</a></li><li><a class="" href="javascript:;">1992</a></li><li><a class="" href="javascript:;">1991</a></li><li><a class="" href="javascript:;">1990</a></li><li><a class="" href="javascript:;">1989</a></li><li><a class="" href="javascript:;">1988</a></li><li><a class="" href="javascript:;">1987</a></li><li><a class="" href="javascript:;">1986</a></li><li><a class="" href="javascript:;">1985</a></li><li><a class="" href="javascript:;">1984</a></li><li><a class="" href="javascript:;">1983</a></li><li><a class="" href="javascript:;">1982</a></li><li><a class="" href="javascript:;">1981</a></li><li><a class="" href="javascript:;">1980</a></li><li><a class="" href="javascript:;">1979</a></li><li><a class="" href="javascript:;">1978</a></li><li><a class="" href="javascript:;">1977</a></li><li><a class="" href="javascript:;">1976</a></li><li><a class="" href="javascript:;">1975</a></li><li><a class="" href="javascript:;">1974</a></li><li><a class="" href="javascript:;">1973</a></li><li><a class="" href="javascript:;">1972</a></li><li><a class="" href="javascript:;">1971</a></li><li><a class="" href="javascript:;">1970</a></li><li><a class="" href="javascript:;">1969</a></li><li><a class="" href="javascript:;">1968</a></li><li><a class="" href="javascript:;">1967</a></li><li><a class="" href="javascript:;">1966</a></li><li><a class="" href="javascript:;">1965</a></li><li><a class="" href="javascript:;">1964</a></li><li><a class="" href="javascript:;">1963</a></li><li><a class="" href="javascript:;">1962</a></li><li><a class="" href="javascript:;">1961</a></li><li><a class="" href="javascript:;">1960</a></li><li><a class="" href="javascript:;">1959</a></li><li><a class="" href="javascript:;">1958</a></li><li><a class="" href="javascript:;">1957</a></li><li><a class="" href="javascript:;">1956</a></li><li><a class="" href="javascript:;">1955</a></li><li><a class="" href="javascript:;">1954</a></li><li><a class="" href="javascript:;">1953</a></li><li><a class="" href="javascript:;">1952</a></li><li><a class="" href="javascript:;">1951</a></li><li><a class="" href="javascript:;">1950</a></li></ul></div></div><select class="NFhidden" size="1" name="dobYear" id="dobYear">
                	<option value="2000">2000</option>
                    <option value="1999">1999</option>
                    <option value="1998">1998</option>
                    <option value="1997">1997</option>
                    <option value="1996">1996</option>
                    <option value="1995">1995</option>
					<option value="1994">1994</option>
					<option selected="selected" value="1993">1993</option>
					<option value="1992">1992</option>
					<option value="1991">1991</option>
					<option value="1990">1990</option>
					<option value="1989">1989</option>
					<option value="1988">1988</option>
					<option value="1987">1987</option>
					<option value="1986">1986</option>
					<option value="1985">1985</option>
					<option value="1984">1984</option>
					<option value="1983">1983</option>
					<option value="1982">1982</option>
					<option value="1981">1981</option>
					<option value="1980">1980</option>
					<option value="1979">1979</option>
					<option value="1978">1978</option>
					<option value="1977">1977</option>
					<option value="1976">1976</option>
					<option value="1975">1975</option>
					<option value="1974">1974</option>
					<option value="1973">1973</option>
					<option value="1972">1972</option>
					<option value="1971">1971</option>
					<option value="1970">1970</option>
					<option value="1969">1969</option>
					<option value="1968">1968</option>
					<option value="1967">1967</option>
					<option value="1966">1966</option>
					<option value="1965">1965</option>
					<option value="1964">1964</option>
					<option value="1963">1963</option>
					<option value="1962">1962</option>
					<option value="1961">1961</option>
					<option value="1960">1960</option>
					<option value="1959">1959</option>
					<option value="1958">1958</option>
					<option value="1957">1957</option>
					<option value="1956">1956</option>
					<option value="1955">1955</option>
					<option value="1954">1954</option>
					<option value="1953">1953</option>
					<option value="1952">1952</option>
					<option value="1951">1951</option>
					<option value="1950">1950</option>
                </select>
            </dd>
        </dl>
    </fieldset>
    <fieldset>
    	<legend>Preferences</legend>
        <dl>
        	<dt><label for="color">Favorite Color:</label></dt>
            <dd>
            	<div style="left: 445px; top: 286px;" class="NFRadio"></div><input class="NFhidden" name="color" id="colorBlue" value="Blue" type="radio"><label for="colorBlue" class="opt">Blue</label>
                <div style="left: 491px; top: 286px;" class="NFRadio"></div><input class="NFhidden" name="color" id="colorRed" value="Red" type="radio"><label for="colorRed" class="opt">Red</label>
                <div style="left: 536px; top: 286px;" class="NFRadio"></div><input class="NFhidden" name="color" id="colorGreen" value="Green" type="radio"><label for="colorGreen" class="opt">Green</label>
            </dd>
        </dl>
        <dl>
        	<dt><label for="interests">Interests:</label></dt>
            <dd>
                <img style="left: 444px; top: 322px;" class="NFCheck" src="niceforms_files/0.png"><input class="NFhidden" name="interests[]" id="interestsNews" value="News" type="checkbox"><label for="interestsNews" class="opt">News</label>
                <img style="left: 496px; top: 322px;" class="NFCheck" src="niceforms_files/0.png"><input class="NFhidden" name="interests[]" id="interestsSports" value="Sports" type="checkbox"><label for="interestsSports" class="opt">Sports</label>
                <img style="left: 552px; top: 322px;" class="NFCheck" src="niceforms_files/0.png"><input class="NFhidden" name="interests[]" id="interestsEntertainment" value="Entertainment" type="checkbox"><label for="interestsEntertainment" class="opt">Entertainment</label>
                <img style="left: 643px; top: 322px;" class="NFCheck NFh" src="niceforms_files/0.png"><input checked="checked" class="NFhidden" name="interests[]" id="interestsCars" value="Cars" type="checkbox"><label for="interestsCars" class="opt">Automotive</label>
                <img style="left: 721px; top: 322px;" class="NFCheck NFh" src="niceforms_files/0.png"><input checked="checked" class="NFhidden" name="interests[]" id="interestsTechnology" value="Technology" type="checkbox"><label for="interestsTechnology" class="opt">Technology</label>
            </dd>
        </dl>
        <dl>
        	<dt><label for="languages">Languages:</label></dt>
            <dd><div style="width: 81px;" class="NFMultiSelectTop"><img class="NFMultiSelectTopLeft" src="niceforms_files/0.png"></div><div style="height: 58px;" class="NFMultiSelectRight"><div style="height: 58px;" class="NFMultiSelectLeft"></div><select class="NFMultiSelect" style="width: 81px; height: 58px;" size="4" name="languages[]" id="languages" multiple="multiple">
                	<option value="English">English</option>
                    <option selected="selected" value="French">French</option>
                    <option selected="selected" value="Spanish">Spanish</option>
                    <option value="Italian">Italian</option>
                    <option value="Chinese">Chinese</option>
                    <option value="Japanese">Japanese</option>
                    <option value="Russian">Russian</option>
                    <option value="Esperanto">Esperanto</option>
                </select></div><div style="width: 81px;" class="NFMultiSelectBottom"><img class="NFMultiSelectBottomLeft" src="niceforms_files/0.png"></div>
            	
            </dd>
        </dl>
    </fieldset>
    <fieldset>
    	<legend>Comments</legend>
        <dl>
        	<dt><label for="comments">Message:</label></dt>
            <dd><div style="width: 451px;" class="NFTextareaTop"><img class="NFTextareaTopLeft" src="niceforms_files/0.png"></div><div style="height: 71px;" class="NFTextareaRight"><div style="height: 71px;" class="NFTextareaLeft"></div><textarea class="NFTextarea" style="width: 451px; height: 71px;" name="comments" id="comments" rows="5" cols="60">ddd</textarea></div><div style="width: 451px;" class="NFTextareaBottom"><img class="NFTextareaBottomLeft" src="niceforms_files/0.png"></div></dd>
        </dl>
        <dl>
        	<dt><label for="upload">Upload a File:</label></dt>
            <dd><div class="NFFile"><input class="NFhidden" name="upload" id="upload" type="file"><div class="NFFileNew"><img class="NFTextLeft" src="niceforms_files/0.png"><div class="NFTextCenter"><input class="NFText" type="text"></div><img class="NFFileButton" src="niceforms_files/0.png"></div></div></dd>
        </dl>
        <dl>
        	<dt><label for="test">Sample Button:</label></dt>
            <dd><img src="niceforms_files/0.png" class="NFButtonLeft"><button class="NFButton" type="button" name="test" id="test">I Do Nothing</button><img class="NFButtonRight" src="niceforms_files/0.png"></dd>
        </dl>
    </fieldset>
    <fieldset class="action">
    	<img src="niceforms_files/0.png" class="NFButtonLeft"><input class="NFButton" name="submit" id="submit" value="Submit" type="submit"><img class="NFButtonRight" src="niceforms_files/0.png">
    </fieldset>
</form>
<p id="footer">Niceforms v.2.0<br>©Lucian Slatineanu - <a href="http://www.emblematiq.com/">Emblematiq</a><br>Last update: Nov 13 2008</p>
</div></body></html>